<!--
 * @Author: lijing
 * @e-mail: 1413979079@qq.com
 * @LastEditors: lijing
 * @Date: 2020-04-23 21:03:25
 * @LastEditTime: 2020-04-25 13:11:50
 * @FilePath: \blog-pages\src\views\admin\InitProfile.vue
 * @Description: 初始化博客配置
-->

 <template>
  <div class="con rounded">
    <h4 class="text-center text-secondary">初始化个人信息</h4>
    <b-form-group label="姓名" class="text-muted">
      <b-form-input v-model="name" placeholder="请输入您的姓名"></b-form-input>
    </b-form-group>
    <b-form-group label="笔名" class="text-muted">
      <b-form-input v-model="penName" placeholder="请输入您的笔名，将用作标注文章作者"></b-form-input>
    </b-form-group>
    <b-form-group label="头像链接" class="text-muted">
      <b-form-input v-model="atatarUrl" placeholder="请输入您的头像链接"></b-form-input>
    </b-form-group>
    <b-form-group label="座右铭" class="text-muted">
      <b-form-input v-model="motto" placeholder="请输入您的座右铭"></b-form-input>
    </b-form-group>
    <b-form-group label="自我介绍" class="text-muted">
      <b-form-textarea rows="5" v-model="introduction" placeholder="请输入您的自我介绍，支持markdown语法"></b-form-textarea>
    </b-form-group>
    <hr />
    <b-btn variant="outline-primary" @click="init">完成</b-btn>
  </div>
</template>
 
 <script>
export default {
  name: "InitProfile",
  data() {
    return {
      name: "",
      penName: "",
      avatarUrl: "",
      motto: "",
      introduction: ""
    };
  },
  methods: {
    init() {
      this.$router.replace("/admin/login");
    }
  }
};
</script>
 
 <style scoped>
.con {
  padding: 20px 40px;
  width: 700px;
  height: 90%;
  margin: auto;
  margin-top: 40px;
  background-color: #fff;

  border: 1px solid rgba(183, 183, 183, 0.47);
}
</style>
